import Vue from "vue";
import VueRouter from "vue-router";
import Main from "../views/Main.vue";

Vue.use(VueRouter);

const routes = [
  {
    path: "/",
    name: "Main",
    component: Main,
    // component: () => import("../views/Home.vue"),
    redirect: "/home",
    children: [
      // {
      //   path: "/home",
      //   name: "home",
      //   component: () => import("../views/home/index.vue"),
      // },
      // {
      //   path: "/user",
      //   name: "user",
      //   component: () => import("../views/User/index.vue"),
      // },
      // {
      //   path: "/mall",
      //   name: "mall",
      //   component: () => import("../views/mall/index.vue"),
      // },
      // {
      //   path: "/page1",
      //   name: "page1",
      //   component: () => import("../views/other/pageOne.vue"),
      // },
      // {
      //   path: "/page2",
      //   name: "page2",
      //   component: () => import("../views/other/pageTwo.vue"),
      // },
    ],
  },
  {
    path: "/login",
    name: "login",
    component: () => import("../views/Login/login.vue"),
  },
];

const router = new VueRouter({
  mode: "history",
  routes,
});

export default router;
